<template>
 <!--  <div class="container">
      <div class='login_content'>
        <div class='user_photo'><open-data type="userAvatarUrl"></open-data></div>
        <div class='user_nickname'><open-data type="userNickName"></open-data></div>
        <button  v-if="canIUse" class="login_btn" open-type="getUserInfo" @getuserinfo="bindGetUserInfo">点击授权登录</button>
        <div v-else>请升级微信版本</div>
      </div>
  </div> -->
  <div class="login_content">
    <div class="back"><img src="http://ciy.oss-cn-shenzhen.aliyuncs.com/web/images/login_bk.jpg" /></div>
    <button class="login_btn" open-type="getUserInfo" @click="bindGetUserInfo"></button>
  </div>
</template>
<script>
export default {
  data () {
    return {
      canIUse: wx.canIUse('button.open-type.getUserInfo')
    }
  },
  methods: {
    async bindGetUserInfo(e){
      // var _this=this;
      // wx.getUserInfo({
      //   success:res =>{
      //     _this.$store.dispatch('setUserInfo',res);   //把获取到的用户的信息存放在vuex中进行管理
      //     _this.$request.postData('https://diy.zoomyoung.cn/api/auth/wxLogin',{raw_data:res.rawData,signature:res.signature,code:_this.$store.state.modulesUser.userCode}).then(res =>{
      //      if(res.data.level=="success")
      //       {
      //         wx.setStorageSync('userToken',res.data.data);
      //         wx.switchTab({
      //           url:"/pages/home/main"
      //         })
      //       }else{
      //         _this.$currency.showToast(res.data.message,'none',2500)
      //       }
      //    })
      //   }
      // })
      //获取用户信息
      const res = await wx.getUserProfile({lang: "zh_CN", desc: '为了更好的体验功能，请登录！'})

      //替换
      // wx.getUserProfile({
      //   desc: '为了更好的体验请先登录！', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
      //   success: async function (res) {
      //     console.log("新接口得到的数据？：",res)
      //     resolve(await root.login(res.userInfo))
      //   }
      // })
      // try{
      //   res = await wx.getUserProfile({lang: "zh_CN", desc: '用于登录'})
      // } catch (e) {
      //   this.$currency.showToast('获取用户信息失败','none',2500)
      //   // wx.showToast({title: '获取用户信息失败', icon: "none", duration: 1500})
      //   return
      // }
      wx.showLoading({
        title: '正在登录'
      })
      let data = '' //返回是否成功的标志

      const r = await wx.login({})

      console.log(r);
      if (!r) { //如果为空表明获取失败
        wx.showToast({title: '登录失败,请重新登录', icon: "none", duration: 1500})
        wx.hideLoading()
        return
      }
      const code = r.code;


      if(res.rawData && res.signature){
        let params = {
          raw_data: res.rawData,
          signature: res.signature,
          code: code
        }
        //获取登录信息
        // this.$request.postData('https://diy.zoomyoung.cn/api/auth/wxLogin',{raw_data:res.rawData,signature:res.signature,code:_this.$store.state.modulesUser.userCode}).then(res =>{
        //    if(res.data.level=="success")
        //     {
        //       wx.setStorageSync('userToken',res.data.data);
        //       wx.switchTab({
        //         url:"/pages/home/main"
        //       })
        //     }else{
        //      this.$currency.showToast(res.data.message,'none',2500)
        //     }
        // })
        const result = await this.$request.postData('https://diy.zoomyoung.cn/api/auth/wxLogin',params);
        console.log("result",result.data.level)
        if(result.data.level == "success"){
          wx.setStorageSync('userToken',result.data.data);
          console.log("userToken",result.data.data)

          wx.navigateBack({
            delta: 1
          })
        }else{
          this.$currency.showToast(res.data.message,'none',2500)
        }
        wx.hideLoading()
        // const result = await wxAppLogin(params);
        // if (result.data.level == 'success') {
        //   wx.setStorageSync(User.token_key, result.data.data);
        //   data = "success"
        // } else {
        //   wx.showToast({
        //     title: result.data.message,
        //     icon: "none",
        //     duration: 1500
        //   })
        // }
      }
      wx.hideLoading()
      // return data
    }
  },
}
</script>
<style scoped>
.login_content{width: 100%;height:100%;position: absolute;}
.back{width: 100%;height: 100%}
.back img{width: 100%;height: 100%}
.login_btn{background-image:url('http://ciy.oss-cn-shenzhen.aliyuncs.com/web/images/login_btn.png');background-repeat: no-repeat;background-size: 130px 47.27px;border:none;width:130px;height: 47.27px;bottom: 130px;background-color:#fff;}
/*.login_content{width: 100%;position: absolute;left: 0;top: 20%;}
.user_photo{width: 200px;margin:0 auto;}
.user_nickname{text-align: center;margin-top: 20px}
button{margin-top: 30px;border-radius:2px;width: 68%;margin-left: 15%;border: solid 1px green;background-color: white;color: green}*/
</style>
